<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false"%>
<%@ page language="java" import="java.util.Date" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Merchant Verify</title>
    <!-- Custom styles for this template -->
    <link href="../resource/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../resource/css/dashboard.css" rel="stylesheet">
	<!-- Bootstrap core JavaScript
	================================================== -->
	 <!-- Placed at the end of the document so the pages load faster -->
	<script src="../resource/js/jquery-3.2.1.min.js"></script>
	<script src="../resource/js/bootstrap/bootstrap.min.js"></script>

	<!-- My js -->
	<script src="../resource/js/common/render.js"></script>
	<script src="../resource/js/common/init.js"></script>
	<script src="../resource/js/admin-verify.js?n=<%=new Date().getTime() %>"></script>

  </head>
  <body>

    <jsp:include page="common/bar.jsp"></jsp:include>
    <input id="initTime" type="hidden" >
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-2 col-md-1 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">Merchant Verify<span class="sr-only">(current)</span></a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-11 col-md-offset-1 main">
          <h2 class="sub-header">Verify</h2>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>Seq</th>
                  <th>Name</th>
                  <th>StoreName</th>
                  <th>Idcard</th>
                  <th>Img</th>
                  <th>Address</th>
                  <th>SubmitTime</th>
                  <th>Operation</th>
                </tr>
              </thead>
              <tbody id="verify-table-body">
              
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    
    <!-- 引入图片放大 -->
	<jsp:include page="common/img.jsp"></jsp:include>
	  

	<div id="modal-refuse" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
	  <div class="modal-dialog modal-sm" role="document">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	        <h4 class="modal-title" id="gridSystemModalLabel">Refuse Reason</h4>
	      </div>
	      <div class="modal-body">
	         <div  style="text-align: center;">
	         	<input id="id" type="hidden"/>
	         	<input id="mid" type="hidden"/>
	         	<textarea id="reason" style="margin:0 auto;width:250px; height:100px;" placeholder="Please write down the reasons for the refuse."></textarea>
	         </div>
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
	        <button id="modal-refuse-submit" type="button" class="btn btn-primary">Submit</button>
	      </div>
	    </div>
	  </div>

	</div>
	<script type="text/javascript">
		$(function(){	
			//$('#modal-img').modal("show");
			//$("#modal-refuse").modal("show");
		});
	</script>
  </body>
</html>
